/* pc端 */
@media screen and (min-width:1260px) {
    .header .top{
        display: none;
    }
    .layout {
        width: 80%;
        margin: 70px auto 20px;
    }

    .layout .right-ctn {
        width: 29%;
    }

    .layout .left-ctn {
        width: 70%;
    }

    .header .menu {
        width: 80%;
    }

    .header .phonesearch-box {
        display: none;
    }

    .phone-menu {
        display: none;
    }
    
}

/* 移动端 */
@media screen and (min-width:240px) and (max-width:1259px) {

    .header .top {
        width: 100%;
        padding: 0 20px;
        display: flex;
    }

    .layout {
        position: absolute;
        width:96%;
        left:2%;
        padding: 10px;
        top: 60px;
        bottom: 60px;
        overflow: auto;
        -ms-overflow-style: none;
        /* IE 10+ */
        scrollbar-width: none;
        /* Firefox */
    }

    .layout .right-ctn {
        width: 100%;
    }
    .phone-tab{
        display: block;
    }
    .header .phonesearch-box {
        display: none;
    }

    .layout .left-ctn {
        width: 100%;
    }

    .header .pcsearch-box {
        display: none;
    }

    .phone-menu {
        display: block;
    }

    /* Article 的 主内容图片显示 */
    /* .main-content img{
        width: 80%;
    } */
    /* 这里隐藏pc端的菜单栏 */

    .header .container {
        width: 100%;
        margin: 0;
        display: none;
    }

    .art-list li {
        height: 400px;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .art-list li .n-left,
    .art-list li .n-right {
        float: none;
        width: 100%;
    }

    .art-list li .title,
    .art-list li .content {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .art-list .no-img {
        height: 180px;

    }

    .art-list li .n-right .tap {
        width: 150px;
        height: 18px;
        overflow: hidden;
    }
    #ID-carousel-demo-image{
        height: 200px;
    }
    /* 个人中心 */
    .navbar .info li {
        width: 200px;
    }

    .navbar .info li i {
        margin: 0 10px;
    }

    .footer {
        display: none;
    }
}